<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <title>设备报修 - 报修提交</title>

    <!-- Meta -->
    <meta charset="utf-8">


	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/style.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/footers/footer-v1.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/headers/header-default.css">
      
    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/bootstrap/bootstrap.min.css">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/icon-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/icon-line-pro/style.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/icon-hs/style.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/animate.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/hs-megamenu/src/hs.megamenu.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/hamburgers/hamburgers.min.css">

    <!-- CSS Unify -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/css/unify.css">

	<!-- 版本兼容 -->
	<link rel="stylesheet" href="${pageContext.request.contextPath }/my-css/version.css">


    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/animate.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/line-icons/line-icons.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/css/sky-forms.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/custom/custom-sky-forms.css">

    <!-- CSS Page Style -->    
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/pages/page_log_reg_v1.css">    
 
 	<link href="${pageContext.request.contextPath }/assets/css/plugins/toastr/toastr.min.css" rel="stylesheet">

	<!--自己的-->
	<link href="${pageContext.request.contextPath }/my-css/base.css" rel="stylesheet">
	
	<style type="text/css">
		.input-group-btn {
	    	width: 20%;
	    }
	</style>
</head> 

<body>


<div class="wrapper">
     <!--=== Header ===-->    
    <jsp:include page="header.jsp" flush="true"></jsp:include>
    <!--=== End Header ===-->
</div>

	<main>
	  <!-- Breadcrumbs -->
      <section class="g-bg-gray-light-v5 g-py-80">
        <div class="container text-center">
          <h2 class="h2 g-color-black g-font-weight-600">报修提交</h2>

          <ul class="u-list-inline">
            <li class="list-inline-item g-mr-5">
              <a class="u-link-v5 g-color-gray-dark-v5 g-color-primary--hover" href="../index.jsp">首页</a>
              <i class="g-color-gray-light-v2 g-ml-5">/</i>
            </li>
            <li class="list-inline-item g-mr-5">
              <a class="u-link-v5 g-color-gray-dark-v5 g-color-primary--hover" href="../bill/page.action">我要报修</a>
              <i class="g-color-gray-light-v2 g-ml-5">/</i>
            </li>
            <li class="list-inline-item g-color-primary">
              <span>报修提交</span>
            </li>
          </ul>
        </div>
      </section>
      <!-- End Breadcrumbs -->

	  <!--=== Content Part ===-->
	  <div class="container content" id="contentArea">	
    	<div class="row">
            <div class="col-md-8 col-md-offset-2 col-sm-2 col-sm-offset-3">
				<div class="text-center loginscreen  animated fadeInDown">
	                <form class="reg-page sky-form myForm" id="addBillForm">
						<input id="contractId" hidden="hidden" name="contractId" value="${requestScope.contractId}" />
					    <div class="form-group row g-mb-25">
					    	<label class="col-sm-3 col-form-label g-mb-10">报修设备：</label>
						    <div class="col-sm-9">
						    	<input disabled="disabled" class="form-control u-form-control rounded-0" id="deviceName" />
						    </div>
					    </div>
					    <div class="form-group row g-mb-25">
					    	<label class="col-sm-3 col-form-label g-mb-10">损坏描述：</label>
						    <div class="col-sm-9">
						    	<textarea  class="form-control u-form-control rounded-0" name="billDesc"></textarea>
						    </div>
					    </div>
					    <div class="form-group row g-mb-25">
					    	<label class="col-sm-3 col-form-label g-mb-10">损坏图片：</label>
						    <div class="col-sm-9">
						    	<input type="file" class="prettyFileInput" name="billImg">
						    </div>
					    </div>
			                
			                
						<button type="button" class="btn-u btn-u-blue pull-right" onclick="addBillSave()">提交</button>
						<br/>
	                </form>            
				</div>
           	</div>
        </div><!--/row-->
      </div><!--/container-->		
      <!--=== End Content Part ===-->
    </main>

  
    <div class="wrapper">
	
	    <!--=== Footer Version 1 ===-->
	     <jsp:include page="footer.jsp" flush="true"></jsp:include>
	    <!--=== End Footer Version 1 ===-->
	</div><!--/wrapper-->

 

<!-- JS Global Compulsory -->           
<script src="${pageContext.request.contextPath }/assets/plugins/jquery/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/plugins/jquery/jquery-migrate.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/plugins/bootstrap/js/bootstrap.min.js"></script> 
<!-- JS Implementing Plugins -->           
<script src="${pageContext.request.contextPath }/assets/plugins/back-to-top.js"></script>
<script src="${pageContext.request.contextPath }/assets/plugins/smoothScroll.js"></script>
<script src="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/js/jquery.validate.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/js/messages_zh.min.js"></script>

<script src="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/js/jquery.maskedinput.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/js/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/js/jquery.form.min.js"></script>
<!-- JS Customization -->
<script src="${pageContext.request.contextPath }/assets/js/custom.js"></script>
<!-- JS Page Level -->           
<script src="${pageContext.request.contextPath }/assets/js/app.js"></script>
<script src="${pageContext.request.contextPath }/assets/js/plugins/style-switcher.js"></script>

<!-- 通知插件 -->
<script src="${pageContext.request.contextPath }/assets/js/plugins/toastr/toastr.min.js"></script>
<!-- Prettyfile -->
<script src="${pageContext.request.contextPath }/assets/js/plugins/prettyfile/bootstrap-prettyfile.js"></script>
<script>
    $(".prettyFileInput").prettyFile();
</script>

<!--自己的js-->
<script src="${pageContext.request.contextPath }/my-js/common.js"></script>
<script src="${pageContext.request.contextPath }/my-js/web-inf/bill-form.js"></script>

<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
    });
</script>



</body>
</html> 